<template>
  <div>

 <Zi v-for="(v,i) in arr" :key="i" :title="v.title"  :imgurl="v.imgurl" />

  </div>
</template>

<script>
import Zi from "./zi.vue"
export default {
components:{
    Zi
},
data(){
  return{
     arr:[]
  }
 
},
mounted(){
let ok=
[{title:"美食" ,imgurl:"01.png" ,id:"1"},
{title:"美团超市", imgurl:"02.png",id:"2"},
{ title:"生鲜果蔬",imgurl:"03.png",id:"3"},
{title:"美团专送",imgurl:"04.png",id:"4"},
{title:"快食简餐",imgurl:"05.png",id:"5"},
{title:"夜宵",imgurl:"06.png",id:"6"},
{title:"甜点饮品", imgurl:"07.png",id:"7"},
{title:"家常菜",imgurl:"08.png",id:"8"},
{title:"小吃馆" ,imgurl:"09.png",id:"9"},
{title:"鲜花蛋糕", imgurl:"10.png",id:"10"}

]
this.arr=ok
}
}
</script>

<style  lang="scss" scoped>
 div{
    margin-top: 34px; 
    background: #fff;
text-align: center;
 }
</style>